#nav{
    height: 74px;
    background-color: #fff;
    /* 导航栏常驻区 */
    .content{
        width: 1220px;
        margin: 0 auto;
        background-color: #fff;
        // 左侧
        .left{
            float: left;
            height: 74px;
            li{
                float: left;
                height: 74px;
                font-size: 13px;
                line-height: 74px;
                padding-right: 32px;
                a{
                    color: #3b3b3b;
                    &:hover{
                        color: #3068CE;
                    }
                }
                &.active{
                    a{
                        font-weight: bold;
                    }
                }
            }
        }
        // 右侧
        .rightSearch{
            float: right;
            position: relative;
            form{
                margin-top: 19px;
                position: relative;
                input{
                    display: block;
                    width: 330px;
                    height: 36px;
                    box-sizing: border-box;
                    background-color: #fff;
                    border: 1px solid #e6e6e6;
                    border-radius: 18px;
                    text-indent: 40px;
                    font-size: 13px;
                    line-height: 36px;
                    color: #b0b0b0;
                }
                a.searchIcon{
                    display: block;
                    width: 20px;
                    height: 20px;
                    background: url("/images/navRepeat/searchIcon.png") no-repeat;
                    position: absolute;
                    top: 8px;
                    left: 10px;
                }
            }
            #recommendTemplateBox{
                a.recommend{
                    display: block;
                    width: 70px;
                    height: 20px;
                    box-sizing: border-box;
                    border-radius: 10px;
                    font-size: 11px;
                    line-height: 20px;
                    text-align: center;
                    position: absolute;
                    top: 27px;
                    &:nth-of-type(1){
                        background-color: #dfebfe;
                        border: 1px solid #81a1f5;
                        color: #2c4dc0;
                        right: 87px;
                    }
                    &:nth-of-type(2){
                        background-color: #f5fad9;
                        border: 1px solid #a7c368;
                        color: #79a12b;
                        right: 9px;
                    }
                }
            }
            #hotWordsTemplateBox{
                width: 330px;
                height: 247px;
                background-color: #fff;
                box-sizing: border-box;
                border: 1px solid #ddd;
                border-radius: 8px;
                position: absolute;
                top: 66px;
                left: 0;
                display: none;
                flex-direction: column;
                justify-content: space-evenly;
                padding-left: 21px;
                li{
                    a{
                        display: block;
                        width: 100%;
                        height: 100%;
                        font-size: 14px;
                        line-height: 14px;
                        color: #535353;
                        &:hover{
                            color: #597DD2;
                        }
                    }
                }
            }

        }
    }
    /* 导航栏触发显示区 */
    .showBox{
        width: 100%;
        height: 267px;
        background-color: #fff;
        box-sizing: border-box;
        border-top: 1px solid #d7d7d7;
        display: none;
    }

}



